<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <title>专题</title>
	    <link href="../css/mui.min.css" rel="stylesheet"/>
	    <link rel="stylesheet" type="text/css" href="../css/app.css"/>
	    <link rel="stylesheet" type="text/css" href="../fonts/iconfont/iconfont.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/global.css"/>
	    <style type="text/css">
	    	.title{padding: 20px 15px;font-weight: normal;font-size: 18px;}
	    	.topic_pic{width: 100%;max-height: 220px;overflow: hidden;}
	    	.topic_pic img{display: block;}
	    	h4{margin: 0;}
	    	.content{padding: 0 15px;}
	    </style>
	</head>
	<body ng-app='toppic_app' ng-controller='topic_controller'>
	    <header class="mui-bar mui-bar-nav bg_white">
	        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	        <h1 class="mui-title colorP">专题</h1>
	    </header>
		<div class="mui-content">
			<h4 class="title mui-text-center bg_white"></h4>
			<div ng-repeat="(index,vo) in res" class="content  bg_white">
				<div class="topic_pic">
					<img style="display: block;" ng-src="{{vo.img}}"/>
				</div>
       			<p class="paddingl_r_15px_tb11px font14 color333" style="text-indent: 2em;">{{vo.content}}</p> 
			</div> 
			<p class="mui-text-center padding_tb20" ng-if="res.length==0"><i class="iconfont mui-icon color999 font60">&#xe6e3;</i><br /><br />还没有添加内容~</p>
			
		</div>
	</body> 
	<script src="../js/mui.min.js"></script>
	<script src="../js/open.js"></script>
	<script src="../js/angular.min.js"></script>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/apppublic.js"></script>	
	<script src="../js/app/special_topic.js"></script>
</html>